<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="ColourfulTables" class="row1" style="background-color: #58666e;height: 147px;">
<!--    <div th:fragment="ColourfulTables" class="panel panel-default">-->
    <div class="col-md-12">
        <div id="sum_box" class="mbl">
<!--        <div class="panel panel-widget">-->
            <!-- 红色进度条开始-->
            <div class="col-sm-6 col-md-3 block-space">
                <!--                <div class="panel task db mbm">-->
                <div>
                    <div class="panel-body">
                        <h4 class="value"><span th:text="${session.Hurry}"></span></h4>
                        <div class="progress  progress-striped active mbn">
                            <div role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"
                                 style="width: 100%;" class="progress-bar progress-bar-danger">
                                <span class="sr-only">0% Complete (success)</span></div>
                        </div>
                        <p class="description">紧急工单</p>
                    </div>
                </div>
            </div>
            <!-- 红色进度条结束-->
            <!-- 橙色进度条开始 -->
            <div class="col-sm-6 col-md-3">
                <!--                <div class="panel visit db mbm">-->
                <div>
                    <div class="panel-body">
                        <h4 class="value"><span th:text="${session.High}"></span></h4>
                        <div class="progress  progress-striped active mbn">
                            <div role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
                                 style="width: 100%;" class="progress-bar progress-bar-warning">
                                <span class="sr-only">0% Complete (success)</span></div>
                        </div>
                        <p class="description">高优先级工单</p>
                    </div>
                </div>
            </div>
            <!-- 橙色进度条结束 -->
            <!-- 蓝色进度条开始 -->
            <div class="col-sm-6 col-md-3 block-space">
                <!--                <div class="panel income db mbm">-->
                <div>
                    <div class="panel-body">
                        <h4 class="value"><span></span><span th:text="${session.Medium}"></span></h4>
                        <div class="progress progress-striped active mbn">
                            <div role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                                 style="width: 100%;" class="progress-bar progress-bar-info">
                                <span class="sr-only">0% Complete (success)</span></div>
                        </div>
                        <p class="description">中优先级工单</p>

                    </div>
                </div>
            </div>
            <!-- 蓝色进度条结束-->
            <!-- 绿色进度条开始-->
            <div class="col-sm-6 col-md-3 block-space">
<!--                <div class="panel profit db mbm">-->
                <div>
                    <div class="panel-body">

                        <h4 class="value">
                            <span data-counter="" data-start="10" data-end="50" data-step="1"
                                                data-duration="0"></span><span th:text="${session.Low}"></span></h4>
<!--                        <h4><span th:text=$"{session.serviceCount}"></span></h4>-->
                        <div class="progress progress-striped active mbn">
                            <div role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"
                                 style="width: 100%;" class="progress-bar progress-bar-success">
                                <span class="sr-only">0% Complete (success)</span></div>
                        </div>
                        <p class="description">低优先级工单</p>
                    </div>
                </div>
            </div>
            <!-- 绿色进度条结束 -->



        </div>


    </div>
</div>
</body>
</html>